<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<c:set var="path" value="${pageContext.request.contextPath}"></c:set>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Left</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<meta content="" name="description" />
<meta content="" name="author" />

<!-- BEGIN GLOBAL MANDATORY STYLES -->

<link href="${path}/css/basic/bootstrap.min.css" rel="stylesheet"
	type="text/css" />
<link href="${path}/css/basic/bootstrap-responsive.min.css"
	rel="stylesheet" type="text/css" />
<link href="${path}/css/basic/font-awesome.min.css" rel="stylesheet"
	type="text/css" />
<link href="${path}/css/basic/style-metro.css" rel="stylesheet"
	type="text/css" />
<link href="${path}/css/basic/style.css" rel="stylesheet"
	type="text/css" />
<link href="${path}/css/basic/style-responsive.css" rel="stylesheet"
	type="text/css" />
<link href="${path}/css/basic/default.css" rel="stylesheet"
	type="text/css" id="style_color" />
<link href="${path}/css/basic/uniform.default.css" rel="stylesheet"
	type="text/css" />

<!-- END GLOBAL MANDATORY STYLES -->

<!-- BEGIN PAGE LEVEL STYLES -->

<link rel="stylesheet" type="text/css"
	href="${path}/css/basic/select2_metro.css" />

<!-- END PAGE LEVEL STYLES -->

</head>

<body class="page-header-fixed">

	<!-- BEGIN CONTAINER -->

	<div class="page-container row-fluid">

		<!-- BEGIN SIDEBAR1 -->

		<div class="page-sidebar">

			<!-- BEGIN SIDEBAR MENU1 -->

			<ul class="page-sidebar-menu">

				<li>
					<!-- BEGIN RESPONSIVE QUICK SEARCH FORM -->
					<form class="sidebar-search"></form> <!-- END RESPONSIVE QUICK SEARCH FORM -->
				</li>


				<li><a href="${path}/admin/main" target="mainFrame"><i
						class="icon-home"></i><span class="title">BMS</span><span
						class="selected"></span></a></li>
				<li><a href="javascript:;"> <i class="icon-cogs"></i> <span
						class="title">Book Manage</span> <span class="selected"></span> <span
						class="arrow"></span>
				</a>
					<ul class="sub-menu">
						<li><a href="${path}/bookinfo/list" target="mainFrame">
								Book Info Query</a></li>
						<c:if test="${sessionScope.readerInfo.roleId.name == 'Admin'}">
							<li><a href="${path}/booktype/list" target="mainFrame">
									Book Type Query</a></li>
						</c:if>
					</ul></li>
				<c:if test="${sessionScope.readerInfo.roleId.name == 'Admin'}">
					<li><a href="javascript:;"> <i class="icon-cogs"></i> <span
							class="title">Reader Manage</span> <span class="selected"></span>
							<span class="arrow"></span>
					</a>
						<ul class="sub-menu">
							<li><a href="${path}/readerinfo/list" target="mainFrame">
									Reader Query</a></li>
							<li><a href="${path}/deptinfo/list" target="mainFrame">
									Department Query</a></li>
						</ul></li>
					<li><a href="javascript:;"> <i class="icon-cogs"></i> <span
							class="title">Borrow Manage</span> <span class="selected"></span>
							<span class="arrow"></span></a>
						<ul class="sub-menu">
							<li><a href="${path}/bookquery/borrowquery"
								target="mainFrame"> Borrow Query</a></li>
							<li><a href="${path}/borrowreturninfo/returnquery"
								target="mainFrame"> Return Query</a></li>
						</ul></li>
				</c:if>
				<li><a href="javascript:;"><i class="icon-cogs"></i> <span
						class="title">Statistic Analysis</span> <span class="selected"></span>
						<span class="arrow"></span></a>
					<ul class="sub-menu">
						<li><a href="${path}/count/booktype" target="mainFrame">
								Classification Statistics</a></li>
						<li><a href="${path}/count/borrowbookrank" target="mainFrame">
								Book Borrowing Ranking</a></li>
						<li><a href="${path}/count/readerborrowrank"
							target="mainFrame"> Readers Ranking</a></li>
					</ul></li>
			</ul>

			<!-- END SIDEBAR MENU1 -->

		</div>

		<!-- END SIDEBAR1 -->

	</div>

	<!-- END CONTAINER -->


	<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->

	<!-- BEGIN CORE PLUGINS -->

	<script src="${path}/js/basic/jquery-1.10.1.min.js"
		type="text/javascript"></script>
	<script src="${path}/js/basic/jquery-migrate-1.2.1.min.js"
		type="text/javascript"></script>

	<!-- IMPORTANT! Load jquery-ui-1.10.1.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->

	<script src="${path}/js/basic/jquery-ui-1.10.1.custom.min.js"
		type="text/javascript"></script>
	<script src="${path}/js/basic/bootstrap.min.js" type="text/javascript"></script>

	<!--[if lt IE 9]>

	<script src="${path}/js/basic/excanvas.min.js"></script>

	<script src="${path}/js/basic/respond.min.js"></script>  

	<![endif]-->

	<script src="${path}/js/basic/jquery.slimscroll.min.js"
		type="text/javascript"></script>
	<script src="${path}/js/basic/jquery.blockui.min.js"
		type="text/javascript"></script>
	<script src="${path}/js/basic/jquery.cookie.min.js"
		type="text/javascript"></script>
	<script src="${path}/js/basic/jquery.uniform.min.js"
		type="text/javascript"></script>

	<!-- END CORE PLUGINS -->

	<script src="${path}/js/basic/select2.min.js" type="text/javascript"></script>
	<script src="${path}/js/basic/app.js"></script>
	<script>
		jQuery(document).ready(function() {

			App.init();

		});
	</script>

	<!-- END JAVASCRIPTS -->

</body>
</html>